<!--种类单个 组件-->

<template>
  <div class="types-item">
    <img :src="ico">
    <span>{{ txt }}</span>
  </div>
</template>

<script>
export default {
  components: {},
  data () {
    return {}
  },
  props: {
    ico: {
      type: String,
      default: ''
    },
    txt: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/const.scss';
@import '@/assets/scss/mixin.scss';

.types-item {
  width: 25%;
  float: left;
  padding-top: 14px;
  img {
    width: 47px;
    height: 47px;
    margin: 0 auto 12px;
  }
  span {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
  }
}
</style>